import React, { Component,Suspense } from 'react'
import { Switch,Route,Redirect } from 'react-router-dom'
export class RouterView extends Component {
  render() {
    const {routerConfig}=this.props
    return (
      <Suspense fallback="路由加载中">
      <Switch>
        {
          routerConfig.length ? routerConfig.map((item,index)=>{
            return  item.redirect ?<Redirect to={item.redirect} key={index}></Redirect> :
            <Route path={item.path} render={
              (props)=>{
               return  <item.component routerConfig={item.children}  key={index} {...props}></item.component>
              }
            }></Route>
          })  :'暂无数据'
        }
      </Switch>
      </Suspense>
    )
  }
}

export default RouterView